<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta charset="UTF-8">
    <title>登陆页面</title>
    <style>
        html ,body {
            width: 100%;
            height: 100%;
        }
        .login{
            width: 30%;
            height:30%;
            background: #e4e4e4;
            box-shadow: 10px 10px 5px #c4c4c4;
            margin: 0;
            top: 20%;
            left: 35%;
            position: absolute;
            text-align: center;
            padding: 0;
        }
        .login form{
            margin: 0;
            width: 100%;
            height: 80%;
        }

        .login div{
            width: 100%;
            height: 10%;
            margin: 0;
            padding: 10px;
        }
        .login form div {
            width: 100%;
            height: 25%;
            padding: 10px 0;
            margin:0;
            font-size: large;
        }

        .login form div input{
            height: 100%;
            width: 80%;
            margin:0;
            font-size: large;
        }
    </style>
</head>
<body>
    <div class="login">
        <div >用户登陆</div>
        <form action="/login" method="post">
            <div><input type="text" name="username" placeholder="请输入用户名"></div>
            <div><input type="text" name="password" placeholder="请输入密码"></div>
            <div style="height: 20%">
                <input type="checkbox" name="rememberMe" style="width: 20% "/>记住我
                <input type="submit" value="登录" style="width: 30%;padding: 10px 0">
            </div>
        </form>
    </div>
    错误信息：<p th:text="${msg}"></p>
</body>
</html>